<template>
	<view class="firstlogin">
		<view class="back">
			<image :src="imgUrl" mode="aspectFit"></image>
			<view class="name-title">
				<p>Hi, {{name}}</p>
				<p>通过微信授权登录</p>
			</view>
		</view>
		<view class="header" v-for="(item,index) in businessList" :key="item.id">
			<!-- <view class="item">
				<text>商户类型</text>
				<text>个体工商户</text>
			</view> -->
			<view class="item">
				<text>商户名称</text>
				<text>{{item.company_name}}</text>
			</view>
			<view class="item">
				<text>执照编号</text>
				<text>{{item.business_license_code}}</text>
			</view>
			<view class="item">
				<text>法人姓名</text>
				<text>{{item.legal_person}}</text>
			</view>
			<view class="item">
				<text>联系电话</text>
				<text>{{item.link_mobile}}</text>
			</view>
			<view class="item">
				<text>经营地址</text>
				<text>{{item.address}}</text>
			</view>
			<view class="img-item">
				<p>身份证正反面</p>
				<view class="img-box">
					<image :src="item.card_back" mode="aspectFit"></image>
					<image :src="item.card_front" mode="aspectFit"></image>
				</view>
			</view>
			<view class="img-item">
				<p>营业执照/行业资格照</p>
				<view class="img-box">
					<image :src="item.business_license_img" mode="aspectFit"></image>
					<image :src="item.industry_qualification" mode="aspectFit"></image>
				</view>
			</view>
			<view class="img-item">
				<p>门头照/环境照</p>
				<view class="img-box">
					<image :src="item.facade_img" mode="aspectFit"></image>
					<image :src="item.environment_imgs" mode="aspectFit"></image>
				</view>
			</view>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import {shareMixins} from '../../../mixins/share.js'
	export default {
		mixins:[shareMixins],
		data() {
			return {
				shareData: {
				    title: '空港卡券联盟商户端',
				    path: '/pages/mine/mine' // 分享的页面路径
				},
				name:'',//登录人员姓名
				imgUrl:'',//登录人员头像
				businessList:[]
			}
		},
		onShow() {
			var loginuserinfo = uni.getStorageSync('loginuserInfo')
			this.name = loginuserinfo.nickName
			this.imgUrl = loginuserinfo.avatarUrl
			this.businessList.push(uni.getStorageSync('shanghuData'))
			console.log(uni.getStorageSync('shanghuData'))
		},
		onLoad() {},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.firstlogin {
		.back {
			z-index: 1;
			display: flex;
			flex-wrap: wrap;
			background-image: url(../../../static/images/backgroudimg.png);
			background-repeat: no-repeat;
			background-size: cover;
			width: 100%;
			height: 404rpx;

			image {
				width: 128rpx;
				height: 128rpx;
				margin: 96rpx 20rpx 180rpx 32rpx;
				border-radius: 50%;
			}

			.name-title {
				margin: 115rpx 20rpx 180rpx 0;

				p {
					color: #731400;
					font-size: 22rpx
				}

				p:nth-child(1) {
					color: #731400;
					font-size: 40rpx
				}
			}
		}
		.header{
			border-radius: 42rpx 42rpx 0 0;
			padding: 0 32rpx;
			margin-top: -70rpx;
			background-color: #FFFFFF;
			.item{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 30rpx 0;
				border-bottom: 1rpx solid #DFDFDF;
				text{
					font-size: 32rpx;
					color: #333333;
					font-weight: 600;
				}
				text:nth-child(2){
					font-size: 32rpx;
					color: #3C4353;
					font-weight: 400;
				}
			}
			.img-item{
				padding: 40rpx 0;
				p{
					font-size: 32rpx;
					color: #333333;
					font-weight: 600;
					margin-bottom: 28rpx;
				}
				.img-box{
					display: flex;
					align-items: center;
					justify-content: space-between;
					image{
						width: 330rpx;
						height: 230rpx;
						border-radius: 20rpx;
					}
				}
			}
		}
	
	}
</style>
